.fl {
	float: left;
}

.fr {
	float: right;
}

.content {
	margin: 60px 0 3rem;
	overflow: auto;
}

p {
	color: #000000;
}


/*header*/

.big-title {
	width: 12rem;
	height: 2.1rem;
	margin: 2.5rem auto 0;
	border: 1px solid #000000;
	border-radius: 1rem;
}

.small-title {
	width: 101%;
	height: 1.8rem;
	border: 1px solid #000000;
	border-radius: 1rem;
	background: #7D0000;
	color: #FFFFFF;
	font-size: 1rem;
	text-align: center;
	line-height: 1.8rem;
}

.sub-title {
	text-align: center;
	font-size: 1.1rem;
	margin: 1.5rem 0 .5rem;
	color: #000000;
}


/*对话*/

.talk-box {
	margin: .5rem;
	padding: 2px 0;
	overflow: auto;
	position: relative;
}

.head-img {
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 50%;
	background: #FFFFFF;
	overflow: hidden;
	margin-top: 1.5rem;
}



.head-img img {
	width: 100%;
	height: 100%;
}

.talk-all {
	line-height: 1rem;
	width: 70%;
	padding: .5rem;
	border-radius: .4rem;
		position: relative;
}




.ri-acr {
	position: absolute;
	bottom: 0;
	left: 100%;
	right: -.8rem;
	width: 0;
	height: 0;
	font-size: 0;
	border: solid .4rem;
	border-color: #EFEFF4 #EFEFF4 #EFEFF4 #CADDE8;
}

.talk-r {
	background: #CADDE8;
	margin-right: 2.7rem;
	border-bottom-right-radius: 0;

}
.talk-le{
	margin-left: 2.7rem;
	background: #FAF7C2;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: .4rem;
}
.arc-le{
	left: -.74rem;
	border-color: #EFEFF4 #FAF7C2 #EFEFF4 #EFEFF4;
}
.head-img.fr {
	position: absolute;
	right: 0;
	bottom: 0;
}
.head-img.fl {
	position: absolute;
	left: 0;
	bottom: 0;
}

/*footer*/

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #F9F8C1;
	height: 2rem;
}

.footer p {
	text-align: center;
	font-size: 1rem;
	line-height: 2rem;
	color: #000000;
}